<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Vinsion调课水精灵-排课工具</title>

	<style type="text/css">
		body {
			margin: 10px 30px;
		}

		.tb table {
			margin: 0 auto;
			/*border-spacing: 1px;*/
			/*border-collapse: separate;*/
		}
		.tb td, .tb th {
			padding: 10px 20px;
		}

		.tb .submit_td {
			margin: 0 auto;
			text-align: center;
		}

		.tb .submit_td button {
			/*background-color: #fff;*/
		    /*border: 1px solid #ccccd8;*/
		    /*color: #555666;*/

			border: none;
			background-color: #3e71f6;
			color: #fff;

		    border-radius: 37px;
		    height: 35px;
		    line-height: 35px;
		    width: 70px;
		    cursor: pointer;
		}

		.tb .submit_td button:hover {
			/*border-color: #929295;*/

			background-color: #2557d9;
		}

		.tb .input_td {
			width: 600px;
		}

		.tb .input_td input {
			width: 100%;
		}

		.bottom {
			margin-top: 40px;
		}

		input[type="file"]::-webkit-file-upload-button {
			background-color: #4CAF50;
			color: #fff;
			padding: 10px 20px;
			border-radius: 5px;
		}

		.error-info {
			position: absolute;
			color: red;
			display: inline-block;
			margin-left: 32px;
		}

	</style>
</head>
<body>
	<div class="header">
		<h1>Vinsion调课水精灵</h1>
	</div>

	<div class="content">
		<form action="post.php" method="post" name="myform" enctype="multipart/form-data">
			<table class="tb" cellspacing="0" border="1">
				<tbody>
					<tr>
						<td>第几周</td>
						<td class="input_td"><input type="text" name="week" id="week" style="width: 90px;"></td>
					</tr>
					<tr>
						<td>水晶排课原始课程表（.xls）</td>
						<td class="input_td"><input type="file" accept=".xls" name="source_file" id="source_file"></td>
					</tr>
					<tr>
						<td>排课后的新课程表（.xls）</td>
						<td class="input_td"><input type="file" accept=".xls" name="new_file" id="new_file"></td>
					</tr>
					<tr>
						<td colspan="2" class="submit_td" id="submit_btn">
							<div style="display: inline-block;">
								<button><span id="submit-msg">提交</span></button>
								<div class="error-info">
									<span id="error-msg"></span>
								</div>
							</div>
						</td>
					</tr>
				</tbody>
			</table>
		</form>
	</div>

	<div class="bottom">
		欢迎使用Vinsion调课水精灵，结合水晶排课13.3.2生成的Excel（.xls文件），用来生成新的Excel。<br>
		1. 对比调课后的新Excel和原始Excel的区别，将调课的老师、课程标红<br>
		2. 合并“老师”和“课程”两行作为新的一行，因为习惯这样看了
	</div>
</body>

<script type="text/javascript" src="./asset/jquery.js"></script>

<script>
	$(function() {
		function error_tip($msg) {
			$("#error-msg").text($msg);
		}

		$("#submit_btn").click(function() {
			if ($("#source_file")[0].files.length == 0) {
				error_tip('请先选择原始课程表');
				return false;
			}

			if ($("#new_file")[0].files.length == 0) {
				error_tip('请先选择排课后的新课程表');
				return false;
			}

			error_tip('');

			// var source_file = $("#source_file")[0].files[0];
			// var new_file = $("#new_file")[0].files[0];

			// var formData = new FormData();

			// formData.append('source_file', source_file);
			// formData.append('new_file', new_file);

			// $('#submit-msg').html('上传中');

			// $.ajax({
			// 	url: 'post.php',
			// 	type: 'POST',
			// 	data: formData,
			// 	processData: false,
			// 	contentType: false,
			// 	// dataType: 'json',
			// 	// success: function (res) {
			// 	// 	if (res.code == 200) {
			// 	// 		console.log('请求成功');
			// 	// 	} else {
			// 	// 		alert(res.message);
			// 	// 		console.log(res);
			// 	// 	}

			// 	// 	$('#submit-msg').html('提交');
			// 	// },
			// 	// error: function (res) {
			// 	// 	alert('请求失败，出错啦');
			// 	// 	console.log(res);

			// 	// 	$('#submit-msg').html('提交');
			// 	// }
			// });
		});

		// $('#source_file').change(function() {
		// 	var file = this.files[0];
		// 	var reader = new FileReader();
		// 	reader.onload = function(e) {
		// 		var fileContent = e.target.result;// 处理文件内容
		// 		console.log(fileContent);
		// 	};
		// 	reader.readAsText(file);
		// });
	})
</script>

</html>

<?php
